<html xmlns:th="http://www.thymeleaf.org">
<head>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css"  crossorigin="anonymous">
</head>
<body>

    <div style="background-color:#EEEEEE;height:600px;width:800px;margin: auto;" >
        <form action="/Login/login.do">
    <div class="form-group" >
        <label for="username">用户名</label>
        <input type="text" class="form-control" id="username" aria-describedby="emailHelp" name="username">
        <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
    </div>
    <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
        <input type="password" class="form-control" id="exampleInputPassword1" name="password">
    </div>
    <div class="form-group form-check">
        <input type="radio" class="form-check-input" id="student" name="passport" value="student"/>
        <label class="form-check-label" for="student">student</label>
        &nbsp;&nbsp; &nbsp;&nbsp;
        <input type="radio" class="form-check-input" id="teacher" name="passport" value="teacher"/>
        <label class="form-check-label" for="teacher">teacher</label>
        &nbsp;&nbsp; &nbsp;&nbsp;
        <input type="radio" class="form-check-input" id="admin" name="passport" value="admin"/>
        <label class="form-check-label" for="admin">admin</label>
    </div>
    <button type="submit" class="btn btn-primary">登录</button>
</form>

</div>
<script src="/bootstrap/js/jquery.slim.min.js"  crossorigin="anonymous"></script>
<script src="/bootstrap/js/bootstrap.bundle.min.js"  crossorigin="anonymous"></script>

</body>
</html>